<%-- 
    Document   : index
    Created on : 23-nov-2012, 12:29:36
    Author     : Roberto Corona
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>TeLoReparo - Servicios</title>
        <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.9.1.custom.css" />
        <link rel="stylesheet" type="text/css" href="css/estilo.css" />
        <script type="text/javascript" charset="utf-8" src="js/jquery-1.8.2.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/jquery-ui-1.9.1.custom.min.js"></script>

        <script type="text/javascript">
            
            $(function(){
                $("#divProveedores").hide();
                $("#divSolicitarCita").hide();
                $("#respuestaC").hide()
            });
            
        </script>
    </head>
    <body id="page1">
        <div class="extra">
            <div class="main">
                <!--==============================header================================-->
                <%@include file="WEB-INF/jspf/Header.jspf" %>
                <!--==============================content================================-->
                <section id="content">
                    <div class="wrapper">
                        <article>
                            <div class="indent-left">
                                <h2>Servicios</h2>
                                
                                <div id="divBuscar" style="visibility: visible; text-align: left;" class="divPantalla">
                                    <h4>Paso 1: Seleccione servicio</h4>
                                    <input type="checkbox" name="Plomero" value="Plomero">Plomero<br/>
                                    <input type="checkbox" name="Electricista" value="Electricista">Electricista<br/>
                                    <input type="checkbox" name="Jardinero" value="Jardinero">Jardinero<br/>
                                    <input type="checkbox" name="Herrero" value="Herrero">Herrero<br/>
                                    <input type="checkbox" name="Pintor" value="Pintor">Pintor<br/>

                                    <hr />
                                    <input class="button" name="cmbBuscarPro" onclick="mostrarProveedores();" type="button" value="Buscar proveedores" />
                                </div>

                                <div id="divProveedores" class="divPantalla">
                                    <h4>Paso 2: Seleccione un proveedor</h4>
                                </div>

                                <div id="divSolicitarCita" class="divPantalla">
                                    <h4>Paso 3: Especifique el horario para ser atendido.</h4>
                                </div>

                                <div id="respuestaC" name="respuestaC">
                                    <strong>Su solicitud ha sido enviada, espera la confirmación de su proveedor.</strong>
                                </div>
                                <script src="js/script.js" type="text/javascript"></script>
                            </div>
                        </article>
                    </div>
                    <div class="block">
                    </div>
                </section>
                <!--==============================footer================================-->
                <%@include file="WEB-INF/jspf/Footer.jspf" %>
            </div>
        </div>
    </body>
</html>